<template>
    <div class="title">地震烈度图说明</div>
    <div class="chartbox" >
      啊流口水就能到了萨拉丁奶萨老大你看了电脑考虑到你看了哪里看你的快乐你的快乐你到了你看了哪里看到你离开的你看了等你来看电脑考虑你，
      啊流口水就能到了萨拉丁奶萨老大你看了电脑考虑到你看了哪里看你的快乐你的快乐你到了你看了哪里看到你离开的你看了等你来看电脑考虑你

      </div>
</template>  
  
<script setup>
import { ref, onMounted, onUnmounted } from 'vue'



</script>  
  
<style lang="scss" scoped>
.title{
    height: 41px;
    color:#fff;
    line-height: 41px;
    font-size: 18px;
    padding-left: 26px;
    font-weight: bold;
}

.chartbox {
  height: calc(100% - 41px);
  padding: 15px;
  color: #fff;
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
        letter-spacing: 2px;
        overflow: auto;

         // 滚动条整体部分
    &::-webkit-scrollbar {
      width: 6px;
      height: 8px;
    }
    &::-webkit-scrollbar-button {
      display: none;
    }
    &::-webkit-scrollbar-thumb {
      background: #01c2ff;
      cursor: pointer;
      border-radius: 4px;
    }
    &::-webkit-scrollbar-corner {
      display: none;
    }
    &::-webkit-resizer {
      display: none;
    }
        
}

</style>